import { component$, type HTMLAttributes } from '@builder.io/qwik';

export const GitHubIcon = component$<HTMLAttributes<SVGSVGElement>>((props) => (
  <svg
    viewBox="0 0 48 48"
    role="img"
    aria-label="GitHub icon"
    fill="currentColor"
    {...props}
  >
    <path d="M24 2.55a22 22 0 0 0-6.96 42.86c1.1.2 1.51-.47 1.51-1.04l-.02-4.1c-5.53 1.02-6.96-1.35-7.4-2.58a8 8 0 0 0-2.25-3.11c-.78-.41-1.88-1.43-.03-1.46 1.73-.03 2.97 1.6 3.38 2.26 1.98 3.32 5.14 2.39 6.4 1.81a4.63 4.63 0 0 1 1.4-2.94c-4.89-.55-10-2.45-10-10.86a8.56 8.56 0 0 1 2.25-5.91 7.9 7.9 0 0 1 .22-5.83s1.84-.58 6.05 2.25a20.74 20.74 0 0 1 11 0c4.21-2.85 6.05-2.25 6.05-2.25a7.9 7.9 0 0 1 .22 5.82 8.51 8.51 0 0 1 2.26 5.92c0 8.44-5.14 10.3-10.04 10.86a5.2 5.2 0 0 1 1.49 4.07c0 2.94-.03 5.3-.03 6.05 0 .57.41 1.26 1.51 1.04a22 22 0 0 0-7-42.86Z" />
  </svg>
));
